>練習

     ● 画像の枠色々。枠にも飾りを!! ●

① 枠無し。
<IMG src="画像アドレス" width="幅" height="高さ" border="0">

② 枠あり。(1px)
<IMG src="画像アドレス" width="幅" height="高さ" border="1">

③ 枠あり。(5px)
<IMG src="画像アドレス" width="幅" height="高さ" border="5">

④ 枠色付き。(ピンク)
<IMG src="画像アドレス" width="幅" height="高さ" border="1" style="border-width : 1px; border-color : #枠の色">

⑤ 太い色の枠
<IMG src="画像のアドレス" width="幅" height="高さ" border="1" style="border-width : 5px; border-color : #枠の色">

⑥ 2重線
<IMG src="画像のアドレス" width="幅" height="高さ" border="0" style="border:double 線の太さpx 線の色">

⑦ 点線
<IMG src="画像のアドレス" width="幅" height="高さ" border="0" style="border:dotted 線の太さpx 線の色">

⑧ ちょっと違う点線。
<IMG src="画像のアドレス" width="幅" height="高さ" border="0" style="border:dashed 線の太さpx 線の色">

⑨ 額縁風。
<IMG src="画像のアドレス" width="幅" height="高さ" border="0" style="border:ridge 色">


<IMG src="画像のアドレス" width="幅" height="高さ" border="0" style="border:groove 色">


<IMG src="画像のアドレス" width="幅" height="高さ" border="0" style="border:inset 色">


<IMG src="画像のアドレス" width="幅" height="高さ" border="0" style="border:outset 色">

          ※枠を太くしないと見れません。


① 枠無し。


② 枠あり。(1px)


③ 枠あり。(5px)


④ 枠色付き。(ピンク)


⑤ 太い色の枠


⑥ 2重線


⑦ 点線


⑧ ちょっと違う点線。


⑨ 額縁風。










 


© Rakuten Group, Inc.